<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/fixed.css" />
		<style type="text/css">
			.word-con {
				padding: 30px 120px;
			}
			.word-con p {
				color: #666;
				margin-bottom: 20px;
				font-size: 16px;
				text-align: justify;
				line-height: 200%;
			}
		</style>
	</head>

	<body>
		<!-- 导航条 -->
		<div class="navbar navbar-fixed-top navbar-default">

			<div class="container-fluid">
				<div class="row top-bar">
					<div class="container">
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#myTab">
								<span class="sr-only">Toggle navigation</span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
							</button>
							<a class="navbar-brand" href="index.html"><img src="images/logo.png" height="100%ter" /></a>
						</div>

						<div class="collapse navbar-collapse">
							<form class="navbar-form navbar-left" role="search">
								<div class="form-group">
									<input type="text" class="form-control" placeholder="请输入关键字搜索">
								</div>
								<button type="submit" class="btn">搜&ensp;索</button>
							</form>
							<ul class="nav navbar-nav navbar-right">
								<!--<li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"><img class="mr5" src="images/touxiang.png" />米巴生活 <span class="caret"></span></a>
									<ul class="dropdown-menu dropdown-menu-left" role="menu">
										<li role="presentation"><a role="menuitem" tabindex="-1" href="#">个人资料</a></li>
										<li role="presentation"><a role="menuitem" tabindex="-1" href="#">后台管理</a></li>
										<li role="presentation" class="divider"></li>
										<li role="presentation"><a role="menuitem" tabindex="-1" href="#">退出</a></li>
									</ul>
								</li>-->
								<li class="f16 c666"><a href="#">登录众将</a></li>
								<li class="pt15">|</li>
								<li class="registered f16"><a href="#">注册</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>

			<div class="container-fluid">
				<div class="row main-nav">
					<div class="container">
						<div class="collapse navbar-collapse" id="myTab">
							<ul class="nav navbar-nav">
								<li ><a href="index.html">首页</a></li>
								<li><a href="HomeFurnishing.html">家居</a></li>
								<li><a href="#">服饰</a></li>
								<li><a href="wonderfulBoWen.html">精彩博文</a></li>
								<li class="active"><a href="javascript:;">平台活动</a></li>
								<li><a href="fine_recommendation.html">精品推荐</a></li>
								<li><a href="exhibition_works.html">作品展览</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- /.导航条 -->

		<!-- 内容区 -->
		<div class="container pb30">

			<div class="row">
				<div class="col-md-12">
					<h2 class="text-center p10 cfff" style="background: #ccc;">平台活动火热报名啦！！</h2>
				</div>
				<div class="clearfix"></div>
				<div style="position: relative; margin: auto; width: 830px; margin-top: 10px;">
					<h4 class="text-center" style="color: red;">活动一:平台作品展览节</h4>

					<div class="form-horizontal">
						<div class="form-group">
							<p class="col-sm-2 control-label">活动介绍：</p>
							<p class="col-sm-10 lh180">为丰富平台的作品,给在校有才的青年设计师提供一个免费的展现平台,点匠决定举办一个在线设计作品展,欢迎所有的大学生参与/为丰富平台的作品,给在校有才的青年设计师提供一个展现平台,点匠决定举办一个在线设计作品展,欢迎所有的大学生参与</p>
						</div>
						<div class="form-group">
							<p class="col-sm-2 control-label">活动参与对象：</p>
							<p class="col-sm-10 lh180">所有在校大学生,对自己作品有信心,有意愿参与的设计师,均可报名参与</p>
						</div>
						<div class="form-group">
							<p class="col-sm-2 control-label">活动报名时间：</p>
							<p class="col-sm-10 lh180">2015/8/15 - 2015/8/20</p>
						</div>
						<div class="form-group">
							<p class="col-sm-2 control-label">报名方式：</p>
							<div class="col-sm-10 lh180">
								<p>1.各校大学生，可持学生证到平台驻扎活动点进行现场报名</p>
								<p>2.各大高校学生可通过微博、微信、或平台直接线上报名，自主上传作品。</p>
							</div>
						</div>
						<div class="form-group text-center">
							<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">我要报名</button>
						</div>

					</div>
					<div style="width: 100%; height: 1px; background-color: #222;"></div>
					<h4 class="text-center mt30" style="color: red;">活动二:线下设计师交流会</h4>

					<div class="form-horizontal">
						<div class="form-group">
							<p class="col-sm-2 control-label">活动介绍：</p>
							<p class="col-sm-10 lh180">为丰富平台的作品,给在校有才的青年设计师提供一个免费的展现平台,点匠决定举办一个在线设计作品展,欢迎所有的大学生参与/为丰富平台的作品,给在校有才的青年设计师提供一个展现平台,点匠决定举办一个在线设计作品展,欢迎所有的大学生参与</p>
						</div>
						<div class="form-group">
							<p class="col-sm-2 control-label">活动参与对象：</p>
							<p class="col-sm-10 lh180">所有在校大学生,对自己作品有信心,有意愿参与的设计师,均可报名参与</p>
						</div>
						<div class="form-group">
							<p class="col-sm-2 control-label">活动报名时间：</p>
							<p class="col-sm-10 lh180">2015/8/15 - 2015/8/20</p>
						</div>
						<div class="form-group">
							<p class="col-sm-2 control-label">报名方式：</p>
							<div class="col-sm-10 lh180">
								<p>1.各校大学生，可持学生证到平台驻扎活动点进行现场报名</p>
								<p>2.各大高校学生可通过微博、微信、或平台直接线上报名，自主上传作品。</p>
							</div>
						</div>
						<div class="form-group text-center">
							<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">我要报名</button>
						</div>

					</div>

				</div>
			</div>

		</div>
		<!-- /. 内容区 -->

		<!-- Modal -->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title" id="myModalLabel">Modal title</h4>
					</div>
					<div class="modal-body">
						<form class="form-horizontal">
							<div class="form-group">
								<label for="inputEmail3" class="col-sm-2 control-label">昵称</label>
								<div class="col-sm-10">
									<input type="email" class="form-control" id="inputEmail3" placeholder="小匠">
								</div>
							</div>
							<div class="form-group">
								<label for="inputPassword3" class="col-sm-2 control-label">手机号码</label>
								<div class="col-sm-10">
									<input type="password" class="form-control" id="inputPassword3" placeholder="1591881222">
								</div>
							</div>
							<div class="form-group">
								<label for="inputPassword3" class="col-sm-2 control-label">年龄</label>
								<div class="col-sm-10">
									<input type="password" class="form-control" id="inputPassword3" placeholder="">
								</div>
							</div>
							<div class="form-group">
								<label for="inputPassword3" class="col-sm-2 control-label">毕业院校</label>
								<div class="col-sm-10">
									<input type="password" class="form-control" id="inputPassword3" placeholder="中山大学">
								</div>
							</div>
							<div class="form-group text-center">
								<button type="button" class="btn btn-success">提交</button>
								<button type="button" class="btn btn-default ml30" data-dismiss="modal">返回</button>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>

		<!-- footer -->
		<div class="container-fluid footer-nav hidden-xs mt30">
			<div class="container mt60 mb60">
				<div class="text-center"><img src="images/OURSHOP.png" /></div>
				<div class="clearfix mt60">
					<div class="col-xs-12 col-md-3">
						<div class="media">
							<div class="media-left">
								<a href="#">
									<img class="media-object" src="images/foot_globals.png" alt="...">
								</a>
							</div>
							<div class="media-body">
								<h5 class="media-heading">全球精品</h5>
								<div class="c808080 f12">Global Selections</div>
							</div>
						</div>
					</div>
					<div class="col-xs-12 col-md-3">
						<div class="media">
							<div class="media-left media-middle">
								<a href="#">
									<img class="media-object" src="images/foot_authenticity.png" alt="...">
								</a>
							</div>
							<div class="media-body">
								<h5 class="media-heading">正品保证</h5>
								<div class="c808080 f12">Authenticity Guaranteed</div>
							</div>
						</div>
					</div>
					<div class="col-xs-12 col-md-3">
						<div class="media">
							<div class="media-left media-middle">
								<a href="#">
									<img class="media-object" src="images/foot_free.png" alt="...">
								</a>
							</div>
							<div class="media-body">
								<h5 class="media-heading">全场包邮</h5>
								<div class="c808080 f12">Free Delivery</div>
							</div>
						</div>
					</div>
					<div class="col-xs-12 col-md-3">
						<div class="media">
							<div class="media-left media-middle">
								<a href="#">
									<img class="media-object" src="images/foot_gongzuori.png" alt="...">
								</a>
							</div>
							<div class="media-body">
								<h5 class="media-heading">400-888-2888</h5>
								<div class="c808080 f12">工作日&ensp;09:00-18:00</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="container-fluid foot-theme hidden-xs">
			<div class="container">
				<div class="col-xs-8 col-md-10">
					<div class="business_cooperation">
						<a href="##" class="btn"></a>
						<a href="##" class="btn weibo"></a>
						<a href="##" class="btn douban"></a>
					</div>
					<ul class="copyright clearfix text-left">
						<li><a href="#">关于众将</a></li>
						<li><span>|</span></li>
						<li><a href="#">服务协议</a></li>
						<li><span>|</span></li>
						<li><a href="#">隐私保护政策</a></li>
						<li><span>|</span></li>
						<li><a href="#">使用指南</a></li>
						<li><span>|</span></li>
						<li><a href="#">联系我们</a></li>
						<li><span>|</span></li>
						<li><a href="#">加入我们</a></li>
						<li><span>|</span></li>
						<li><a href="#">友情链接</a></li>
						<li><span>|</span></li>
						<li><a href="#">私信众将</a></li>
					</ul>
					<p class="f12 c5f5f5d mb30">© 2013-2015 广州众将文化传播有限公司版权所有 京ICP备13010677号-1 京公网安备11010502025627</p>
				</div>
				<div class="col-xs-4 col-md-2">
					<div class="pull-right backTop mt10">
						<a href="##"><img src="images/mess.png" /></a>
						<a id="global-arrow" href="##"><img src="images/top.png" /></a>
					</div>
				</div>
			</div>
		</div>
		<!-- /. footer -->

	</body>
	<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
	<script type="text/javascript" src="js/dianj.min.js"></script>
	<script src="js/js.js" type="text/javascript" charset="utf-8"></script>
</html>